<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车列表页面</title>
    <link rel="stylesheet" href="css/headerfooter.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/cartlist.css" />

    <script src="script/main.js" type="module" id="cartlist"></script>
</head>

<body>
    <div class="head"></div>
    <div class="hz3"></div>

    <div class="cart">
        <div class="cart-title">
            <strong>我的购物车</strong>
            <span>喜欢就把它带回家</span>
        </div>
        <div class="cart-wrap">
            <div class="cart-head">
                <div class="qx">
                    <input type="checkbox" name="" id="" checked class="quanxuan">
                    <div class="item">全选</div>
                </div>
                <div class="xx">商品信息</div>
                <div class="dj">单价</div>
                <div class="sl">数量</div>
                <div class="xj">小计</div>
                <div class="cz">操作</div>
            </div>
            <div class="cart-bootm">
                <div class="bottom-title">
                    官网商品
                </div>
                <div class="cart-group">
                    <div class="cart-row">
                        <div class="top" style="display: none;">
                            <div class="cart-group-top">
                                <div class="xz">
                                    <input type="checkbox" name=" " id=" " checked class="">
                                </div>
                                <!-- 商品 -->
                                <div class="sp ">
                                    <img src="https://lining-goods-online-1302115263.file.myqcloud.com/data/lining/AHSSA77-2/f207aa1d71e0b4160f4bae0bf71d27b18547873287f6070e5c8bd098d503079fb38624078f777ed3.jpg?imageMogr2/quality/90/strip/format/webp
                        " alt=" ">
                                </div>
                                <!-- 标题 -->
                                <div class="bt ">
                                    <span>【2022新品】李宁 x 成龙联名功夫系列男女同款宽松短袖文化衫AHSSA77-2</span>
                                </div>
                                <!-- 单价 -->
                                <div class="danj ">
                                    <div class="price " style="text-align: center; ">999</div>
                                </div>
                                <!-- 数量 -->
                                <div class="stepper ">
                                    <a class="jianhao" href="javascript:;">-</a
                                        >
                                    <input class="stepper_input " value="1 ">
                                    <a class="jiahao" href="javascript:;">+</a
                                  >
                                </div>
                                <!-- 小计 -->
                                <div class="xiaoj ">
                                    <div class="pprice ">0</div>
                                </div>
                                <!-- 删除 -->
                                <div class="shanchu ">
                                    <span style="cursor: pointer; color: #da3d40;">删除</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cart-group-bottom">
                        <div class="left ">
                            <div class="qx " style="margin-right:10px;">
                                <input type="checkbox" name="" id="" checked class="quanxuan">
                                <span>全选</span>
                            </div>
                            <div style="margin-right:10px;cursor: pointer; color: #da3d40;" class="xuanzhong">删除选中商品</div>
                            <div style="margin-right:10px;">继续购物</div>
                            <div style="margin-right:10px;">添加收货地址</div>
                        </div>
                        <div class="right">
                            <div class="cart-num">
                                已选 <span class="cart-highlight ">0</span> 件商品</div>
                        </div>
                        <div class="zongji">
       <div class="boz">
        <div>总价格：</div>
        <div class="pprice-zongjia" >0</div>
       </div>
                        </div>
                        <button type="button" class="cart-settle">结算</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="f1 "></div>
    <div class="foot "></div>
</body>

</html>